*{
    margin: 0px;
    padding: 0px;
}
body{
    background-image: url(../images/bg.webp);
}
.cont{
    width: 800px;
    height: 180px;
    margin: 400px auto;
}
.cont div{
    width: 190px;
    height: 180px;
    float: left;
}
.swk{
    background-image: url(../images/west_01.png);
    background-position-x: 0px;
    animation: swk 2s steps(8) infinite;
}
@keyframes swk{
    0%{background-position-x: 0px;}
    100%{background-position-x: -1600px;}
}
.zbj{
    background-image: url(../images/west_02.png);
    background-position-x: 0px;
    animation: zbj 2s steps(8) infinite;
}
@keyframes zbj{
    0%{background-position-x: 0px;}
    100%{background-position-x: -1600px;}
}
.ts{
    background-image: url(../images/west_03.png);
    background-position-x: 0px;
    animation: ts 2s steps(8) infinite;
}
@keyframes ts{
    0%{background-position-x: 0px;}
    100%{background-position-x: -1360px;}
}
.ss{
    background-image: url(../images/west_04.png);
    background-position-x: 0px;
    animation: ss 2s steps(8) infinite;
}
@keyframes ss{
    0%{background-position-x: 0px;}
    100%{background-position-x: -1680px;}
}